<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>06_CSS书写位置-优先级</title>

        <link rel="stylesheet" href="./css/06_CSS书写位置-优先级.css">

        <style>
            div {
                color: green;
            }
        </style>


    </head>
    <body>
        <!-- 行内样式的优先级要高于内部样式的优先级
             外部样式的优先级和内部样式的优先级取决于书写顺序 后面的会覆盖前面的
        -->

        <!-- <div style="color: red;">我想吃大米饭炒鸡蛋</div> -->

        <div>我想吃大米饭炒鸡蛋</div>

        <!-- 总结：css书写位置的优先级是
            行内样式 > 内部样式 = 外部样式
        
        -->
    </body>
</html>